#fixedsocial {
   top: 30%;
   height:300px;
   width: 140px;
   position: fixed;
   right: 0;
   z-index:9;
 }

 .facebookflat {
   display: flex;
   justify-content: center;
   align-items: center;
   height:50px;
   width:50px;
   transition:ease 500ms;
   opacity:1;
   float:right;
   border: 1px solid transparent;
   border-bottom: outset transparent;
   border-left: 1px outset transparent;
   border-radius: 10px;
   
   /*
   padding-left:12px;
   padding-right:12px;
   padding-bottom:4px;
   */   
 } 

.facebookflat a {background-color: var(--body-bg-color); border-radius: 15px;}
 .facebookflat:hover {  
   border-bottom-color: var(--nav-menu-accent-color);
   border-left-color: var(--nav-menu-accent-color);
}


  /*socials.php*/
  .facebookflat img{width:24px; display:block; margin: auto;}
  .social_icons {z-index:9999;}

 /*socialfooter.php*/
 .footer_icons_container{width:100%; z-index:9999;}
 .foot_icon_list{list-style-type: none; text-align: center; padding-left: 0px; margin: 0px; padding-inline-start: 0px;}
 .foot_icon img {width:50px; padding: 0 6px;}
 li.foot_icon {display: inline; width: 32px; padding: 0 2px;}

 @media screen and (max-width: 640px) { 
    #fixedsocial{display: none;} 
    #socialfooter{display: inline;} 
    .foot_icon img {width:32px;}
    }